<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>汽车与自行车追尾碰撞</title>
  <link rel="stylesheet" href="./css/gx.css">
  <script src="./js/8.js"></script>

</head>

<body>
  <div class="div1">
    <div class="gx_mk">
      <h3 style="margin-left:5% ;width:auto; ">汽车与自行车追尾碰撞</h3>

    </div>


    <div class="gx_mk">
      <p class="my_span">公式8</p>

      <img class="img_gx" src="img/公式8.jpg" alt="">

    </div>
    <div class="gx_mk">
      <!-- //m1 -->
      <p>
        <input type="number" class="input_x" id="input1" min="1" placeholder="请输入m1" />
        <span class="my_span">m1：汽车质量，单位为千克（Kg）</span>
      </p>
      <!-- //m2 -->
      <p>
        <input type="number" class="input_x" id="input2" min="1" placeholder="请输入m2" />
        <span class="my_span">m2：自行车质量，单位为千克（Kg）</span>
      </p>
      <!-- //mp -->
      <p>
        <input type="number" class="input_x" id="input3" min="1" placeholder="请输入mp" />
        <span class="my_span">mp：骑车人质量，单位为千克（Kg）</span>
      </p>
      <!-- //k -->
      <p>
        <input type="number" class="input_x" id="input4" min="1" placeholder="请输入k" />
        <span class="my_span">k：汽车附着系数修正值</span>

      </p>

      <!-- //S1 -->
      <p>
        <input type="number" class="input_x" id="input5" min="1" placeholder="请输入S1" />
        <span class="my_span">S1：碰撞后汽车的滑移距离，单位为米（m）</sapn>
      </p>
      <!-- //φ -->
      <p>
        <input type="number" class="input_x" id="input6" min="1" placeholder="请输入φ" />
        <span class="my_span">φ：汽车滑动附着系数</sapn>
      </p>
    </div>




    <div class="gx_mk">
      <p>结果：<span id="result">0 </span>
        <span class="my_span">( v1：交通事故瞬间汽车速度，单位为千米每小时（Km/h）)</span>

        <button onclick="calculate()" class="btn-s">提交</button>

    </div>

  </div>

</body>

</html>